
<template>
     <div v-if="showMenu"  :style="{height:'80px',width:'100%',backgroundColor:'RGB(247,247,247)'}">
    
            <table width="100%" border="0px solid black" style="margin-top:0px;background:RGB(247,247,247);">
                <tr style="height:80px;">
                    <td width="33%" style="text-align:center" v-for="(item,index) in titleList">
                        <mt-button style="background:white;font-size:14px;" size="normal" :class="{'checkButton':current==index}"  @click="doSelect(index)">{{item}}</mt-button>
                    </td>
                </tr>
            </table>
    
        </div>
    
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
    data() {
        return {


            current:0,
    

        }
    },
    mounted() {
        //获取用户信息

    
    
        },
    props: ['showMenu', 'titleList'],
    computed: {
    },
    methods: {

        setMenu(id){
            this.current = id
        },

        doSelect(id) {

            this.current = id

            this.$emit('selectMenuId',id)

        }

    }

}

</script>

<style lang="scss" scoped>

.checkButton{
    border:1px solid red;
    color:red;
}


</style>
